@font-face {
    font-family: "Railway To Hells";
    src: url('../img/Railway To Hells.ttf');
}

*{
	padding:0px;
	margin:0px;
}

body{
	background-color:rgba(20,20,250,0.5);
	/*background-image:url(../img/bg.png);*/
}


.step{
	/*border:1px solid black;*/
	width:800px;
	height:600px;
	margin-top:3.5%;
	margin:auto;
	position:relative;
}

#cacheTrou{
	position:absolute;
	top:-200px;
	width:800px;
	height:200px;
	background-image:url(../img/blueSkyCacheTrou.png);
}

#slide5{
	overflow:normal;
}


#canvasAnimation{
	border:1px solid rgba(170,170,170,0.8);
}


#divButStart{
	position:relative;
	width:800px;
	height:600px;
	background-image:url(../img/bluesky.png);
}
#divCanvas{
	width:800px;
	height:600px;
	background-image:url(../img/bluesky.png);
}

#butStart{
	margin-left:195px;
	margin-top:200px;
	padding:25px 70px;
	color:rgb(62, 62, 62);
	font-weight:bold;
	font-size:32pt; 
	font-family: "Railway To Hells",Helvetica,Arial,sans-serif;
	cursor:pointer;
	border:1px solid rgba(180,180,180,0);
	color:rgb(82, 82, 82);
	background-color:rgba(233,233,233,0);
	border-radius:40px;
}

#butStart:hover{
	/*background-color:rgba(233,233,233,1);*/
	color:rgb(42, 42, 42);
	border:1px solid rgba(62, 62, 62,0.5);
	box-shadow:inset 0px 0px 40px rgba(62, 62, 62,0.5);
};

/*
#butStart:active{
	box-shadow:inset 0px 0px 4px rgba(133,133,133,1);
	background-color:rgba(233,233,233,0.5);
};*/





